<!DOCTYPE html>
<html>

<head>
  <!-- <link rel="stylesheet" type="text/css" href="styles.css"> -->
  <style>
    .image-container {
      display: inline-block;
      position: relative;
    }

    img {
      border: 2px solid transparent;
      /* 初始时边框透明 */
      animation: blink-border 1s ease-in-out infinite;
      /* 使用名为blink-border的动画 */
    }

    @keyframes blink-border {
      0% {
        border-color: transparent;
      }

      50% {
        border-color: red;
        /* 边框颜色闪烁的颜色 */
      }

      100% {
        border-color: transparent;
      }
    }
  </style>
</head>

<body>
  <div class="image-container">
    <img src="http://localhost:9006/landscape0925/img/game/card-beijing.png" alt="Your Image">
  </div>
</body>

</html>